﻿@model IEnumerable<OPM.Models.ContactAccount>
@using OPM.Class;
@using System.Web.Mvc;

@{
    Layout = "~/Views/Shared/_LayoutPopup.cshtml";
   
}

@foreach (var p in Model)
{
    <div class="service_search_header p-Relative historyframe">
        <div class="service_title">@Multi.contact1</div>
        <div class="timeline-action p-Absolute" onclick="openActionBox('1');"></div>
        <div class="timeline-action-box dNone p-Absolute">
            <div class="timeline-action-box3">
                <a  data-block="status"
                       href="@Url.Action("EditContactAccount", "GroupList", new {account_id = p.list_account_detail.Select(m => m.contact_account_id).FirstOrDefault() })">
                    @Multi.edit_data</a>
            </div>
            <div class="timeline-action-box1"><a  data-block="status"
                       href="@Url.Action("CustomerLog", "GroupList", new {account_id = p.list_account_detail.Select(m => m.contact_account_id).FirstOrDefault() })">
                     @Multi.historys</a></div>
        </div>
    </div>


    <div class="service_box_table">

        <div class="showTextFormBox">
            <div class="floatL">@Multi.is_secret</div>
            <div class="floatL">:</div>
            <div class="showTextForm">@p.list_account_detail.Select(o => o.is_secret).FirstOrDefault()
            </div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.name_lastname</div>
            <div class="floatL">:</div>
            <div class="showTextForm">@p.firstname_th  @p.lastname_th</div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.gender</div>
            <div class="floatL">:</div>
            <div class="showTextForm">@p.gender_text</div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.card_id</div>
            <div class="floatL">:</div>
            <div class="showTextForm">@p.citizen_id</div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.country</div>
            <div class="floatL">:</div>
            <div class="showTextForm">@p.country_name</div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.address</div>
            <div class="floatL">:</div>
            <div class="showTextForm">@p.address  @p.subdistrict_text  @p.district_text  @p.province_text  @p.postcode</div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.tel</div>
            <div class="floatL">:</div>
            <div class="showTextForm"></div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.mobile</div>
            <div class="floatL">:</div>
            <div class="showTextForm"></div>
            <div class="clear"></div>
        </div>
        <div class="showTextFormBox">
            <div class="floatL">@Multi.email</div>
            <div class="floatL">:</div>
            <div class="showTextForm"></div>
            <div class="clear"></div>
        </div>

    </div>
}


<div class="service_search_header">
    <div class="service_title">@Multi.History_Incase</div>
</div>
<div class="service_box_table historyDetailZone">
    <div class="floatL showTextFormLine"></div>
    <div class="historyDetailBox p-Relative">
        <div class="timelinebullet p-Absolute"></div>
        <div class="timeline-Detail">

            @foreach (var accountcase in ViewBag.AccountCase)
            {
                <p><strong>@Multi.CaseCode</strong> @accountcase.case_code</p>
                <p><strong>@Multi.Objective_text : </strong>@accountcase.objective_text </p>
                <p><strong>@Multi.case_type : </strong>@accountcase.type_text</p>
                <p><strong>@Multi.summary : </strong>@accountcase.summary</p>
                <p><strong>@Multi.status_text : </strong>@accountcase.status_text</p>
            }
        </div>
    </div>

    <div class="clear"></div>
</div>

<div class="BoxServiceBottom">
    <div class="BoxServiceActionPrev floatL" onclick="parent.$.fn.colorbox.close();">ปิด</div>
    <div class="clear"></div>
</div>
